<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src='./Js/jquery-1.7.2.min.js'></script>
        <style>
            .fbox{
                width:400px;
                height:400px;
                background-color:green;  
            }
            .box{
                width:100px;
                height:100px;
                background-color:red;  
            }
        </style>
        <script type="text/javascript">
        $(function () {
           $('.box').click(function(){
                $(this).parent('.fbox').fadeOut("slow");
                return false;
           }); 
        });
        </script>
    </head>
    <body>
        <?php
        // put your code here
        ?>
        <div class='fbox'>
             <div class="box"></div>
        </div>
        
        <div class='fbox'>
             <div class="box"></div>
        </div>
        
        <div class='fbox'>
             <div class="box"></div>
        </div>
        
    </body>
</html>
